/* pages/collect/index.wxss */
.collect_main{
  background-color: #f3f3f3;
  .collect_title{
    display: flex;
    justify-content: flex-start;
    padding: 10rpx 0;
    .collect_tips{
      margin: 20rpx;
      background-color: #fff;
      padding: 10rpx 10rpx;
      border:1px solid #ccc;
      border-bottom: 1px solid #ccc;
     
     
    }
    .active{
      border:1px solid var(--themeColor);
      color: var(--themeColor);
    }
  }
  .collect_content{
    display: flex;
    flex-direction: column;
    .collect_content_wrap{
      display: flex;
      border-bottom: 1rpx solid #ccc;
      background-color: #fff;
      .collect_img{
        flex: 2;
        justify-content: center;  /* 水平居中 */
        align-items: center; /*垂直居中*/
        padding: 20rpx;
        image{width: 70%;}
      }
      .collect_wrap{
        flex: 3;
        display: flex;
        flex-direction: column;
        justify-content: space-around; /* 空白环绕*/
        .collect_name{
            /* 以下四行实现文字两行超出部分。。。 */
          display: -webkit-box;
          overflow: hidden;
          -webkit-box-orient:vertical;
          -webkit-line-clamp: 2; /* 第二行显示点点点*/

        }
        .collect_price{
          color: var(--themeColor);
          font-size: 32rpx;
        }
      }
    }
   

  }
}